

$(function(){
  // 切换图标
$(".icons").on('click',function(){
    // 显示一大推图标   toggle元素上进行(隐藏和显示之间的属性)切换
$(".icons-contain").toggle();
});  
  // 点击小图标，切换图标
$(".icons-inner>.fa").on('click',function(){
    // 把点击的图标切换到外面的图标 - 把当前点击的图标的类名赋值给外面的图标
let classname = $(this).attr('class');
  $(".icons>.fa").attr('class',classname);

$("#classname").val(classname.substring(3));
});

  // 给添加按钮注册点击事件
$("#btn-add").on('click',function(){
    // 验证非空

    // 收集表单数据
 let data = $("#form").serialize();
//  console.log(data);
    // 发送ajax请求
$.post('/addNewCategory',data,(res)=>{
    if(res.code == 200){
      // 弹框提示

      // 动态生成新数据-art-template
      let html = template('tp',res.data);
      console.log(html);
      $('tbody').append(html);
    }
});
});



});